<template>
  <div >
    <div class="areaChart-settingTool">
      <el-select v-model="city" placeholder="请选择地区"  @change="selectChange()">
        <el-option
          v-for="item in cities"
          :key="item"
          :label="item"
          :value="item"
         
        >
        </el-option>
      </el-select>
    </div>
    <vForestArea ref="child_area" :city="city" v-model="city"></vForestArea>
  </div>
  
</template>

<script>
import vForestArea from '@/components/custom/forestArea'
export default {
    components: {
        vForestArea
    },
    data(){
      return{
        city: '北京',
        cities: ["北京","天津","河北","山西","内蒙古","辽宁","吉林","黑龙江","上海","江苏","浙江","安徽",
      "福建","江西","山东","河南","湖北","湖南","广东","广西","海南","重庆","四川","贵州","云南","西藏","陕西",
      "甘肃","青海","宁夏","新疆",]
      }
    },
    methods:{
      selectChange(){
        this.$refs.child_area.selectChange()
      }
    }
}
</script>

<style>
.areaChart-settingTool{
  margin: 10px;
}
</style>